<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/青瓜传媒.css">
</head>
<body>
    <!-- header -->
    <header>
        <section class="header-wrap">
            <div><img src="http://static.opp2.com/wp-content/uploads/2020/04/300-97-2.png" alt=""></div>
            <div>
                <li>
                    <a href="" class="h-nav">首页</a>
                </li>
                <li class="nav">
                    <a href="" class="header-nav">推广</a>
                    <section class="navbox">
                        <a href="">APP推广</a>
                        <a href="">游戏推广</a>
                        <a href="">海外推广</a>
                        <a href="">微信推广</a>
                        <a href="">抖音推广</a>
                        <a href="">快手推广</a>
                        <a href="">B站推广</a>
                        <a href="">小红书推广</a>  
                    </section>
                </li>
                <li class="nav">
                    <a href="" class="header-nav">运营</a>
                    <section class="navbox">
                        <a href="">APP推广</a>
                        <a href="">游戏推广</a>
                        <a href="">海外推广</a>
                        <a href="">微信推广</a>
                        <a href="">抖音推广</a>
                        <a href="">快手推广</a>
                        <a href="">B站推广</a>
                        <a href="">小红书推广</a>  
                    </section>
                </li>
                <li class="nav">
                    <a href="" class="header-nav">营销</a>
                    <section class="navbox">
                        <a href="">APP推广</a>
                        <a href="">游戏推广</a>
                        <a href="">海外推广</a>
                        <a href="">微信推广</a>
                        <a href="">抖音推广</a>
                        <a href="">快手推广</a>
                        <a href="">B站推广</a>
                        <a href="">小红书推广</a>  
                    </section>
                </li>
                <li class="nav">
                    <a href="" class="header-nav">数据</a>
                    <section class="navbox">
                        <a href="">APP推广</a>
                        <a href="">游戏推广</a>
                        <a href="">海外推广</a>
                        <a href="">微信推广</a>
                        <a href="">抖音推广</a>
                        <a href="">快手推广</a>
                        <a href="">B站推广</a>
                        <a href="">小红书推广</a>  
                    </section>
                </li>
                <li class="nav">
                    <a href="" class="header-nav">好读书</a>
                    <section class="navbox">
                        <a href="">APP推广</a>
                        <a href="">游戏推广</a>
                        <a href="">海外推广</a>
                        <a href="">微信推广</a>
                        <a href="">抖音推广</a>
                        <a href="">快手推广</a>
                        <a href="">B站推广</a>
                        <a href="">小红书推广</a>  
                    </section>
                </li>
                <li class="nav">
                    <a href="" class="header-nav">互联网</a>
                    <section class="navbox">
                        <a href="">APP推广</a>
                        <a href="">游戏推广</a>
                        <a href="">海外推广</a>
                        <a href="">微信推广</a>
                        <a href="">抖音推广</a>
                        <a href="">快手推广</a>
                        <a href="">B站推广</a>
                        <a href="">小红书推广</a>  
                    </section>
                </li>
                <li class="nav">
                    <a href="" class="header-nav">服务</a>
                    <section class="navbox">
                        <a href="">APP推广</a>
                        <a href="">游戏推广</a>
                        <a href="">海外推广</a>
                        <a href="">微信推广</a>
                        <a href="">抖音推广</a>
                        <a href="">快手推广</a>
                        <a href="">B站推广</a>
                        <a href="">小红书推广</a>  
                    </section>
                </li>
                
            </div>
            <div>
                <a href=""><img src="./images/2_03.jpg" alt=""></a>
                <a href="">登录</a>
                <a href="">注册</a>
                <a href="">投稿</a>
            </div>
        </section>
    </header>
    <!-- main -->
    <main>
        <section class="main-wrap clear_fix">
            <section class="main-wrap-left">
                <!-- banner -->
                <section class="banner clear_fix">
                <div class="banner-L">
                    <img src="http://static.opp2.com/wp-content/uploads/2020/06/119.jpg" alt="">
                </div>
                <div class="banner-R">
                    <li>
                        <img src="http://static.opp2.com/wp-content/uploads/2020/04/94-2.jpg" alt="">
                        <p>高效点击文档技巧！</p>
                    </li>
                    <li>
                        <img src="http://static.opp2.com/wp-content/uploads/2020/04/1-2.jpg" alt="">
                        <p>新媒体运营：10W点赞</p>
                    </li>
                    <li>
                        <img src="http://static.opp2.com/wp-content/uploads/2020/04/70.jpg" alt="">
                        <p>B站产品运营技巧</p>
                    </li>
                </div>
            </section>
            <!-- case -->
            <section class="case">
                <div>
                    <h2>专题介绍</h2>
                    <span>全部专题</span>
                </div>
                <ul class="clear_fix">
                    <li><a href="">
                        <img src="http://static.opp2.com/wp-content/uploads/2019/01/apptuiguang.png" alt="">
                        <p>APP推广</p>
                    </a></li>
                    <li><a href="">
                        <img src="http://static.opp2.com/wp-content/uploads/2019/01/yunying.png" alt="">
                        <p>产品运营</p>
                    </a></li>
                    <li><a href="">
                        <img src="http://static.opp2.com/wp-content/uploads/2019/01/yingxiao.png" alt="">
                        <p>品牌营销</p>
                    </a></li>
                    <li class="margin_0"><a href="">
                        <img src="http://static.opp2.com/wp-content/uploads/2019/01/wenan.png" alt="">
                        <p>文案圈</p>
                    </a></li>
                </ul>
            </section>
            <!-- show -->
            <section class="show-wrap">
                <ul>
                    <li><a href="" id="showa">最新文章</a></li>
                    <li><a href="">APP推广</a></li>
                    <li><a href="">产品运营</a></li>
                    <li><a href="">品牌营销</a></li>
                    <li><a href="">文案圈</a></li>
                    <li><a href="" class="border_0">移动互联网</a></li>
                </ul>
                <section class="showbox" id="showBox">
                    <!-- <section class="showbox1">
                    <div class="showimg">
                        <img src="http://static.opp2.com/wp-content/uploads/2020/06/98-1-480x300.jpg" alt="">
                        <a href="">App推广</a>
                    </div>
                    <div class="show-con">
                        <h2>11月金融投放技巧！</h2>
                        <p>11月大触在即，各兴业广告主都在盯着粗有if有Hi好的优良。各兴业广告主都在盯着粗有if有Hi好的优良。金融行业如何在到重庆奥金融行业如何在到重庆奥普中拍出好似，以合适的成本赢去有事，重点在于...</p>
                        <span>50秒前</span>
                        <span class="shows">545</span>
                    </div>
                </section> -->
                </section>

                <div class="show-header">
                    <div>点击查看更多</div>
                </div>
            </section>
            </section>
            <section class="main-wrap-right">
                <div class="right1">
                    <h2>热门文章</h2>
                    <section id="box1">
                    <!-- <div class="rightbox">
                        <div><img src="http://static.opp2.com/wp-content/uploads/2020/04/94-2-480x300.jpg" alt=""></div>
                        <div>
                            <p>移动互联网2017年q2之星夏季报告：移动生态流量...</p>
                            <span>2017年12月12日</span>
                
                        </div>
                    </div> -->
                </section>
                </div>

                <div class="right2">
                    <img src="./images/02_03.jpg" alt="">
                </div>

                <div class="right1">
                    <h2>推荐文章</h2>
                    <section id="box2">
                 
                </section>
                </div>

                <div class="right2">
                    <img src="./images/03_03.jpg" alt="">
                </div>

                <div class="right1">
                    <h2>经典文章</h2>
                    <section id="box3">
                 
                </section>
                </div>



                <div class="right1 r1">
                    <h2>热门标签</h2>
                    <section id="box4">
                        <!-- <a href="">App</a> -->
                </section>
                </div>
                <div class="right2">
                    <img src="./images/02_03.jpg" alt="">
                </div>

            </section>
        </section>
    </main>
    <!-- 空白区域 -->
    <div class="kong"></div>
    <!-- links -->
    <section class="links">
    <section class="links-wrap">
        <div>
        <h2>友情链接</h2>
        <span>申请友链</span>
    </div>
        <ul id="box5">
           <a href="">96新媒体</a>
           <a href="">APP推广</a>
           <a href="">APP推广平台</a>
           <a href="">ASO优化</a>
           <a href="">CPA之家</a>

           <a href="">96新媒体</a>
           <a href="">APP推广</a>
           <a href="">APP推广平台</a>
           <a href="">ASO优化</a>
           <a href="">CPA之家</a>
           <a href="">96新媒体</a>
           <a href="">APP推广</a>
           <a href="">APP推广平台</a>
           <a href="">ASO优化</a>
           <a href="">CPA之家</a>
           <a href="">96新媒体</a>
           <a href="">APP推广</a>
           <a href="">APP推广平台</a>
           <a href="">龙有实际</a>
           <a href="">龙龙游戏</a>
        </ul>
    </section>
</section>
 <!-- 空白区域 -->
 <div class="kong"></div>

 <!-- header -->
 <footer>
     <section class="footer-wrap">
         <p class="h-p1">
             <a href="">首页</a>
             <a href="">推广</a>
             <a href="">运营</a>
             <a href="">营销</a>
             <a href="">数据</a>
             <a href="">读好书</a>
             <a href="">互联网</a>
             <a href="">服务</a>
         </p>
         <div>Copyhsjhdj©2019青瓜传媒版权所有免责声明<span>联系我们</span>闽IC北航10215号</div>
         <p class="h-p2"><img src="./images/001_03.jpg" alt=""></p>
     </section>
    </footer>

    <!-- 固定定位 -->
    <section class="fl">
        <a href=""><img src="./images/5_03.jpg" alt=""></a>
        <a href=""><img src="./images/6_03.jpg" alt=""></a>
    </section>
</body>
<script src="./js/青瓜.js"></script>
</html>